@import 'public';

.warp_swiper {
        padding: 0 1.1rem;
        width: 100%;
        margin-top: 2.2rem;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        color: #444;
        .swiperList {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 1px solid @boderColor;
            .fl-left{
                width: 4.1rem;
                height: 4.1rem;
                float: left;
                margin: 1.05rem 0.5rem 1.05rem 0;
                img{
                    width: 100%;
                    height: 100%;
                }
            } 
            .fl-right{
                width: 70%;
                .mt(1.05rem);
                float: left;
                h4{
                    .hc(0.85rem);
                    .fz(0.85rem);
                    font-style: normal;
                    font-family: 'pfb';
                    .mb(0.85rem);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }
                p{
                    .fz(0.8rem);
                    .hc(0.8rem);
                    .mb(0.85rem);
                    .time{
                        display: inline-block;
                        float: right;
                    }
                }
                p:last-child{
                   .area{
                       display: inline-block;
                       float: right;
                   }  
                }
            }
        }
    }
    .body-content{
    .wh(100%,auto);
    .mt(2.2rem);
    overflow:hidden;
    .head-img{
        width: 100%;
        height: 10.65rem;
    }
    .articleContent{
        .wh(100%,auto);
        overflow:hidden;
        padding: 0 1.1rem;
        box-sizing: border-box;
        color: #444;
        h3{
            .hc(0.9rem);
            .mt(1.3rem);
            .mb(0.85rem);
            .fz(0.9rem);
            font-style: normal;
            font-family: 'pfb';
        }
        .comefrom{
            .fz(0.8rem);
            color: #777;
            .mb(1.05rem);
            .time{
                display: inline-block;
                float: right;
            }
        }
        .article{
            .mt(1.05rem);
        }
    }
}
.demos-content-padded {
        padding: 0.3rem 0;
        height: 2.5rem;
        margin-bottom: 1.5rem;
        .weui-btn {
            font-size: 0.85rem;
            font-family: 'pfr';
            line-height: 2.5rem;            
        }
        .weui-btn_mini {
            width: 47.4%;
            font-size: 0.8rem;
        }
        .weui-btn_primary{
            background: @bgColor;
        }
    }